{% extends "base.html" %}
{% block title %}Messages{% endblock %}
{% block header %}Messages{% endblock %}
{% block content %}
<table class="ui celled table">
    <thead>
        <tr>
            <th>ID</th>
            <th>Sender ID</th>
            <th>Receiver ID</th>
            <th>Content</th>
            <th>Timestamp</th>
        </tr>
    </thead>
    <tbody>
        {% for message in messages %}
        <tr>
            <td>{{ message.id }}</td>
            <td>{{ message.sender_id }}</td>
            <td>{{ message.receiver_id }}</td>
            <td>{{ message.content }}</td>
            <td>{{ message.timestamp }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}
